<style>
  div {
    border-top: 3px solid #ff8500;
    border-bottom: 1px solid #edeef0;
    height: 41px;
    background-color: #fcfcfc;
    font-size: 12px;
  }
  a {
    /* 变换模式 */
    display: inline-block;
    color: #4c4c4c;
    text-decoration: none;
    height: 41px;
    line-height: 41px;
    /* 设置左右内边距，撑开盒子 */
    padding: 0px 20px;
  }
  a:hover {
    color: #ff8500;
    background-color: #edeef1;
  }
</style>
<body>
  <!-- 新浪导航栏。合理利用【内边框撑开】效果 -->
  <div>
    <a href="#">设为首页</a>
    <a href="#">手机新浪网</a>
    <a href="#">登录</a>
    <a href="#">移动客户端</a>
  </div>
</body>
